body{overflow-x: hidden;}
.w1200{width: 1200px;margin: 0 auto;}
.head{height: 200px;width: 100%;background: #fff;border-bottom: 1px solid #00d7dc;}
/* 头部——上半部 */
.head .top-head{height: 40px;width: 100%;background: #f2f2f2;}
.head .top-head li a:hover{color: #00eef3;}
.top-head .intop-head{width: 1200px;height: 40px;margin: 0 auto;line-height: 40px;}
.intop-head .intop-left{float: left;width: 758px;height: 40px;}
.intop-head .intop-left li{float: left;font-size: 14px;position: relative;padding: 0 12px;}
.intop-head .intop-left li.focus:hover div{display: block;}
.intop-head .intop-left li.focus:hover {background: #fff;}
.intop-head .intop-left li.focus div{position: absolute;width: 120px;height: 125px;background: #fff;left: 0;top: 32px;text-align: center;opacity: .99;filter: alpha(opacity=99);z-index: 93110;border: 1px solid;display: none;border-color: #e5e5e5 !important;}
.intop-head .intop-left li.focus div img{border-style: none;max-width: 100%;}
.intop-head .intop-left li.focus span {height: 5px;background-color: #fff;position: absolute;top: -5px;display: inline-block;width: 100%;right: 0;}
.intop-head .intop-left li:nth-child(10)::after{border: none;}
.intop-head .intop-left li:after{content: "";position: absolute;border-left: 1px solid;height: 10px;top: 50%;right: 0;margin-top: -5px;}
.intop-head .intop-left li a{display: block;color: #333;}
.intop-head .intop-right2 {float: right;width: 150px;height: 35px;text-align: center;line-height: 35px;position: relative;margin-left: 6px;cursor: pointer;}
.intop-head .intop-right2 .right2in-box{position: absolute;top: 32px;right: -1px;width: 340px;height: 80px;line-height: 80px;text-align: center;background: #fff;display: none;border: 1px solid #e5e5e5 !important;z-index: 1;border-top: none !important;}
.intop-head .intop-right2 .right2in-box span{display: inline-block;font-size: 12px;padding-right: 20px;position: relative;float: right;}
.intop-head .intop-right2 .right2in-box span::after{content: "";display: inline-block;width: 32px;height: 32px;background: url(../imgs/shopping.png);position: absolute;top: 50%;left: -50px;vertical-align: middle;margin-top: -16px;}
.intop-head .intop-right2:hover{background: #fff;}
.intop-head .intop-right2:hover .right2in-box{display: block;}
.intop-head .intop-right2 span{font-size: 14px;color: #333;}
.intop-head .intop-right1 {float: right;width: 139px;height: 40px;}
.intop-head .intop-right1 a{color: #333;font-size: 14px;}
.intop-head .intop-right1 a:hover{color: #00eef3;}
.intop-head .intop-right1 a:nth-child(2){color: #00eef3;font-size: 14px;margin-right: 5px;}
/* 头部——下半部 */
.head .buttom-head{width: 1200px;height: 120px;padding-top: 30px;background: #fff;margin: 0 auto;box-sizing: border-box;}
.head .buttom-head .logo-head{float: left;display: inline-block;width: 215px;height: 70px;text-align: center;line-height: 70px;}
.head .buttom-head .logo-head img{display: inline-block;max-width: 100%;max-height: 100%;}
.head .buttom-head .Gif-head{float: left;margin-top: -12px;}
.head .buttom-head .search-box .search-head{float: right;height: 40px;}
.head .buttom-head .search-box{float: right;margin-top: 10px;position: relative;}
.head .buttom-head .search-box .position{position: absolute;left: 60%;top: 30%;}
.head .buttom-head .search-box .position a {color: #333;font-size: 10px;background: #ccc;padding: 5px;box-sizing: border-box;opacity: 0.5;}
.head .buttom-head .search-box .position a:hover{color: #00d7dc !important;}
.head .buttom-head .search-box .search-head input{width: 445px;height: 40px;float: left;background: #fff;line-height: 40px;padding: 0 10px;padding-right: 200px;font-size: 14px;box-sizing: border-box;outline: none;border-color: #EBEBEB !important;border: 2px solid;}
.head .buttom-head .search-box .search-logo{float: right;width: 55px;height: 40px;line-height: 40px;text-align: center;border: 2px solid #EBEBEB;box-sizing: border-box;border-left: none;}
.head .buttom-head .search-box .search-logo a{font-size: 20px;}
/* 全部商品分类 */
.head .clearfix{width: 1200px;height: 40px;margin: 0 auto;background: #fff;}
.head .clearfix .classification{width: 210px;height: 40px;float: left;background: #00d7dc;padding-left: 37px;box-sizing: border-box;position: relative;z-index: 999;}
#secondlevel{display: none;}
.head .clearfix .classification .ification a{color: #333;font-size: 16px;line-height: 40px;}
.head .clearfix .classification .ification a em{font-size: 12px;margin-right: 5px;}
.head .clearfix #secondlevel{width: 210px;height: 460px;position: absolute;font-size: 14px;color: #333;background: rgba(46, 46, 46, 0.5);margin-top: 0px;z-index: 1;left: 0;}
.head .clearfix #secondlevel>li{height: 40px;padding-left: 37px;}
.head .clearfix #secondlevel>li:hover{background: #00d7dc;}
.head .clearfix #secondlevel>li:hover>div>a{color: #333;}
.head .clearfix #secondlevel>li>div>a{font-size: 14px;color: #fff;line-height: 40px;line-height: 40px;}
.head .clearfix #secondlevel li a em{float: right;margin-right: 15px;}

.head .clearfix #secondlevel-side{float: right;width: 968px;height: 40px;}
.head .clearfix #secondlevel-side .side-hover{float: left;margin: 0 2.7px;color: #333;}
.head .clearfix #secondlevel-side .side-hover>a{display: inline-block;padding: 0 6px;font-size: 16px;line-height: 38px;}
.head .clearfix #secondlevel-side .side-hover:hover{border-bottom: 2px solid transparent;border-color: #00eef3 !important;}

.side-children{
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 229px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    background: rgb(255, 255, 255);
    display: none;
}
/* #secondlevel-side .side-hover:hover .side-children{display: block;} */
.side-children .menu{max-width: 1160px;height: 1255px;    padding-right: 10px;
    padding-left: 10px;margin: 0 auto;}
.side-children .menu .menu-children{font-size: 12px;}
.side-children .menu .menu-children li{float: left;position: relative;
    float: left;
    width: 180px;
    padding: 35px 12px 0;
    text-align: center;box-sizing: border-box;margin: 0 2.7px;}
.side-children .menu .menu-children li .menu-div{    width: 110px;
    height: 110px;
    margin: 0 auto 16px;
    text-align: center;}
.side-children .menu .menu-children li .menu-div img{width: 110px;height: 110px;}
.side-children .menu .menu-children li .title-a{margin: 0;
    color: #333;}

.side-children .menu .menu-children li .title-a a{    display: inline-block;
    padding: 0 6px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px !important;
    line-height: 20px;
    width: 148px;
}
.side-children .menu .menu-children li .price{line-height: 20px;color: #00bcbf;margin: 0 auto;}
.head .clearfix #secondlevel-side .side-hover:hover>a{color: #00d7dc;}
/* 中部 */
.ns-main{width: initial;background: rgb(240, 243, 249);}
.ns-main .box{width: 1532px;height: 460px;position: relative;margin: 0 auto;overflow: hidden;}
.ns-main .box .imgbox {position: absolute;margin: 0 auto;}
.ns-main .box .imgbox img{width:1700px;height: 460px;position: absolute;}
.ns-main .box .btns input {width: 40px;height: 40px;border: none;position: absolute;background: rgba(200, 200, 200, 0);top: 50%;}
#left {left: 0px;height: 100%;width:150px;top: 0;font-size: 30px;font-weight: 900;color: rgba(108, 168, 215, 0.5);}
#right {right: 0px;height: 100%;width:150px;top: 0;font-size: 30px;font-weight: 900;color: rgba(108, 168, 215, 0.5);}
#left:hover{color: rgb(0, 215, 220);}
#right:hover{color: rgb(0, 215, 220);}
.ns-main .box .btns input:active {color: #fff;}
/* 以旧换新 */
.Thor{width: 1200px;margin-top: 14px;height: 170px;}
.Thor .Thor_o{padding: 3px;width: 212px;float: left;}
.Thor .Thor_one{width: 212px;height: 164px;margin: 0;font-size: 12px;text-align: center;background: #00eef3;overflow: hidden;}
.Thor .Thor_one li{position: relative;float: left;width: 102px;height: 82px;padding: 0 3px;width: 100px;height: 82px;float: left;}
.Thor .Thor_one li::before{    position: absolute;content: "";    top: -1px;left: 6px;width: 90px;height: 1px;background: black;}
.Thor .Thor_one li::after{top: 6px;left: -1px;width: 1px;height: 70px;position: absolute;content: "";background: black;}
.Thor .Thor_one li a{margin-top: 15px;display: inline-block;}
.Thor .Thor_one li a i{font-size: 30px;}
.Thor .Thor_right{width: 975px;float: right;}
.Thor .Thor_right img{width: 316px;height: 170px;}
.Thor .Thor_right li{float: left;}
.Thor .Thor_right .aaa{width: 316px;height: 170px;margin-right: 15px;}
.Thor_new{float: right;width: 311px;height: 170px;text-overflow: ellipsis; white-space: nowrap;border: 1px solid #EBEBEB;overflow: hidden;padding: 15px;background: #fff;font-size: 12px;box-sizing: border-box;}
.Thor_new .news_title {font-size: 16px;line-height: 16px;color: #00d7dc;float: left;margin-left: 5px;margin-bottom: 6px;}
.Thor_new a{color: #333;text-overflow: ellipsis;}
.Thor_new .eleipsis li{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 5px;}
.Thor_new a:hover{color: #00d7dc;}
.discount-wrap{margin-top: 20px;}
/* 限时秒杀 */
.discount-wrap section {position: relative;float: left;width: 200px;height: 275px;color: #333;}
.btn_primary{background-color: #00eef3 !important;border-color: #00eef3 !important;}
.discount-wrap .chinese {position: absolute;left: 0;width: 100%;text-align: center;top: 42px;font-size: 32px;}
.discount-wrap .english {position: absolute;left: 0;width: 100%;text-align: center;top: 90px;font-size: 18px;}
.discount-wrap i {position: absolute;left: 86px;top: 126px;display: block;width: 20px;height: 33px;background: url(../imgs/11.png) no-repeat -35px -25px;}
.discount-wrap .desc {position: absolute;left: 0;width: 100%;text-align: center;top: 170px;font-size: 16px;}
.discount-wrap .time-wrap {position: absolute;top: 212px;left: 13px;height: 40px;color: #fff!important;}
.discount-wrap .time-wrap div {position: relative;float: left;width: 40px;height: 40px;text-align: center;margin-right: 5px;line-height: 40px;font-weight: bold;font-size: 20px;}
.ns-bg-color-black {background-color: #333 !important;}
/* 限时秒杀__轮播图*/
.discount-wrap .carousel {margin: 0 200px;height: 275px;margin-right: 0;width: 1000px;overflow: hidden;}
.carousel-inner {position: relative;width: 4000px;text-align: center;
    transition: transform 1s;
}
.discount-wrap > .carousel .carousel-inner a {position: relative;float: left;display: inline-block;width: 198px;height: 275px;margin-right: 2px;background-color: #fff;text-align: center;}
.discount-wrap > .carousel .carousel-inner a img{width: 140px;height: 140px;}
.discount-wrap > .carousel .carousel-inner a .goods-img {position: absolute;width: 140px;height: 140px;left: 50%;margin-left: -70px;top: 40px;}
.discount-wrap > .carousel .carousel-inner a .goods-name {position: absolute;top: 190px;left: 0;width: 160px;padding: 0 15px;line-height: 30px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #333;}
.discount-wrap > .carousel .carousel-inner a .price-wrap {position: absolute;left: 15px;top: 230px;width: 162px;height: 22px;padding: 1px;line-height: 22px;}
.ns-bg-color {background-color: #00eef3 !important;}
.discount-wrap > .carousel .carousel-inner a .price-wrap > span {float: left;width: 80px;height: 20px;text-align: center;color: #333;font-size: 14px;font-weight: bold;}
.discount-wrap > .carousel .carousel-inner a .price-wrap > span i { margin-right: 3px;font-weight: 400;font-size: 12px;}
.discount-wrap > .carousel .carousel-inner a .price-wrap > span:last-child {float: right;background: #fff;font-size: 12px;text-decoration: line-through;}
.top_item{width: 100%;height: 340px;}
.item_h2{width: 100%;height: 40px;position: relative;}
.item_h2 .h2_title{margin: 0;font-size: 16px;font-weight: bold;line-height: 40px;height: 40px;color: #333;cursor: pointer;}
.item_h2 .h2_title:hover{color: #00eef3;}
.item_h2 .h2_btns{right: 0;position: absolute;top: 10px;}
.item_h2 .btns_left{width: 14px;height: 10px;padding: 3px 5px;border: 1px solid #e0e0e0;font-size: 20px;line-height: 12px;display: inline-block;color: #333;}
.item_h2 .btns_right{width: 14px;height: 10px;padding: 3px 5px;border: 1px solid #e0e0e0;font-size: 20px;line-height: 12px;display: inline-block;color: #333;}
.top_item .banner_item{width: 1200px;height: 260px;padding-bottom: 40px;position: relative;overflow: hidden;}
.banner_item .banners{width: 1968px;height: 340px;position: absolute;left: 0;}
.banner_item .banners img{width: 160px;height: 160px;}
.banner_item .banners li {height: 299px;padding-top: 39px;text-align: center;background: #fff;border: 1px solid #f5f5f5;transition: all 0.6s;margin-right: 10px;float: left; width: 230px;border-top-color: #ffac13;}
.banner_item .banners li .thumb {display: block;width: 160px;margin: 0 auto 22px;}
.banner_item .banners .title {margin: 0 20px 3px;font-size: 14px;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.banner_item .banners .title a{color: #333;}
.banner_item .banners .desc {height: 18px;margin: 0 20px 12px;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #b0b0b0;}
/* <!-- 游戏笔记本 --> */
.floor-item{width: 1200px;min-height: 578px;margin: 0 auto;margin-top: 20px;}
.floor-item .floor-nav{width: 1200px;height: 40px;}
.floor-nav .nav-title{width: 240px;height: 40px;}
.floor-nav .nav-title .nav-h3{line-height: 40px;}
.nav-title .nav-h3 a{color: #333;font-size: 16px;font-weight: 900;}
.floor-nav .nav-title2{width: 950px;height: 40px;}
.floor-nav .nav-title2 li:hover a{color: #00d7dc;transition: 0.5s;}
.floor-nav .nav-title2 p:hover a{color: #00d7dc;transition: 0.5s;}
.nav-title2 ul{min-width: 128px;height: 40px;}
.nav-title2 ul>li{height: 40px;float: left;line-height: 40px;padding: 0 10px;}
.nav-title2 ul>li a{color: #898989;font-size: 14px;}
.nav-title2 p{width: 228px;height: 40px;}
.nav-title2 p a{display: block;float: right;color: #333;margin-right: 10px;height: 10px;line-height: 40px;font-size: 15px;height: 40px;}
.nav-title2 p a .iconbig{width: 16px;height: 16px;}
.floor-item .box-left{width: 240px;height: 538px;background: rgb(255, 255, 255);}
.floor-item .box-left .left-img1{height: 385px;margin-bottom: 15px;display: block;}
.floor-item .box-left .left-img2{height: 140px;display: block;}
.floor-item .box-right{width: 950px;height: 538px;}
.box-right .inbox-left{width: 724px;height: 538px;overflow: hidden;background: #fff;}
.box-right .inbox-left img{width: 170px;height: 170px;}
.box-right .inbox-left .inbox-inleft{float: left;width: 166px;height: 268px;padding: 0 37px;border-right: 1px solid rgb(229, 229, 229);box-sizing: content-box;}
.box-right .inboxs-pic {width: 167px;height: 167px;margin-top: 15px;line-height: 167px;}
.box-right .text-color {color: #00d7dc;}
.box-right .ellipsis-1 {overflow: hidden;white-space: nowrap;word-wrap: normal;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.box-right .inboxs-title {width: 167px;height: 24px;line-height: 24px;margin-top: 20px;font-size: 16px;text-align: center;color: #333;}
.box-right .inboxs-title:hover{color: #00d7dc;transition: 0.5s;}
.box-right .inboxs-price {font-size: 14px;width: 167px;height: 35px;line-height: 35px;text-align: center;}
.inbox-rights{width: 226px;height: 537px;background: rgb(255, 255, 255);}
.inbox-rights .inbox-rights-title {height: 52px;padding-left: 15px;line-height: 52px;font-size: 16px;border-bottom: 1px solid #ddd;}
.inbox-rights .inbox-rights-banner {overflow: hidden;position: relative;width: 226px;height: 432px;position: relative;}
.inbox-rights p{float: right;width: 228px;}
.inbox-rights p a{display: block;height: 53px;margin-right: 10px;line-height: 53px;text-align: right;font-size: 14px;background: rgb(255, 255, 255);color: #333;}
.inbox-rights p:hover a{color: #00d7dc;transition: 0.5s;}
                /* 底部 */
.ls-footer{background: #fff;margin-top: 40px;padding: 20px 0 0px;clear: both;color: #333;border-top: 1px solid #EBEBEB;min-height: 278px;}
.ls-footer .service {border-bottom: 1px solid #EBEBEB;padding: 5px 0;background-color: #fff;margin-bottom: 20px;height: 56px;}
.ls-footer .service li {float: left;width: 300px;height: 56px;text-align: center;}
.ls-footer .service li + li {border-left: 1px solid #EBEBEB !important;}
.ls-footer .service li i {display: inline-block;width: 30px;height: 30px;text-align: center;margin-top: 14px;}
.ls-footer .service li p {display: inline-block;line-height: 56px;font-size: 18px;vertical-align: top;}
a{color: inherit;}
a:hover{color: #00d7dc;transition: 0.5s;}
            /* 帮助中心 */
.ls-footer .help{padding-bottom: 10px;position: relative;}
.ls-footer .help .list{width: 1210px;padding: 0;}
.ls-footer .help .list .wrap{min-height: 160px;}
.ls-footer .help .list dl {float: left;width: 125px;margin-right: 4px;}
.ls-footer .help .list dl dt {height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;margin-bottom: 20px;}
.ls-footer .help .list dl dd {font-size: 14px;line-height: 25px;}
.ls-footer .help .list dl dd a{font-size: 12px;}
.ls-footer .help .list .wrap .code{display: inline-block;margin-top: 4px;text-align: center;}
                /* 最底部 */
.ls2-footer {padding: 22px 0 20px;font-size: 12px;display: inline-block;background: #fafafa;width: 100%;}
.ls2-footer {padding: 22px 0 20px;font-size: 12px;display: inline-block;background: #fafafa;width: 100%;}
.ls2-footer .footer-text{color: #b0b0b0;float: left;}
.ls2-footer .footer-text p{line-height: 20px;margin: 0;color: #666;}
.ls2-footer .footer-text .text-small a{color: #666;}
.ls2-footer .footer-text .text-small a:hover{color: #00d7dc;transition: 0.5s;}
.ls2-footer .footer-right{margin: 2px 0 10px;height: 26px;}
.ls2-footer .footer-right img{width: 68px;height: 26px;}
.ls2-footer .footer-right a:nth-child(2){margin-left: 20px;margin-right: 20px;}
.ls2-footer .footer-right a:nth-child(3){margin-right: 20px;}
                    /* 三级菜单 */
#secondlevel li .second-child{
    display: none;
    position: absolute;
    top: 0px;
    left: 210px;
    width: 630px;
    height: 459px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    background: #fff;
    z-index: 999;}
#secondlevel li .second-child .empty-img{overflow: hidden;
    float: none;
    width: initial;
    height: initial;
    padding: 12px 20px 0;
}
#secondlevel li .second-child .empty-img a{display: block;float: left;width: 100%;
    height: 30px;
    line-height: 30px;}
#secondlevel>li>.second-child>.empty-img>a>span{font-weight: 700;}
#secondlevel>li>.second-child>.empty-img>a>i{float: right;}
#secondlevel>li>.second-child>.empty-img>.third-child{float: left;overflow: hidden;}
#secondlevel>li>.second-child>.empty-img>.third-child>li{width: 275px;
    height: 67px;float: left;
    padding: 12px 10px;
    line-height: 40px;}
#secondlevel>li>.second-child>.empty-img>.third-child>li>a{display: block;float: left;}
#secondlevel>li>.second-child>.empty-img>.third-child>li>a>img{    width: 40px;
    height: 40px;
    float: left;
    object-fit: cover;}
#secondlevel>li>.second-child>.empty-img>.third-child>li>a>span{
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;text-align: left;
    height: 30px;
    margin: 0;
    line-height: 30px;
    width: 210px;}


.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
}
.box .carousel-indicators li.active{background: #fff;}

/* 右固定 */
.right-sidebar{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9990;
    width: 0;
    height: 100%;
}
.right-sidebar .toolbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-left: 6px solid #7a6e6e;
    transition: right .3s ease-in-out 0s;
    z-index: 2;
}
.right-sidebar .menu {
    position: absolute;
    top: 50%;
    left: -35px;
    width: 35px;
    margin-top: -90px;
}
.right-sidebar .menu > a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 35px;
}
.right-sidebar .menu .item-icon-box {
    position: relative;
    width: 35px;
    height: 35px;
    margin-bottom: 1px;
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    padding-top: 8px;
    text-align: center;
    color: #fff;
    z-index: 5;
    box-sizing: border-box;
    background-color: #7a6e6e;
}
.right-sidebar .menu > a .icon {
    font-size: 20px;
}
.icon-user {
    display: inline-block;
    min-width: 14px;
    text-align: center;
}
.right-sidebar .menu.back-top {
    top: unset;
    bottom: -1px;
}
.right-sidebar .menu .text {
    width: 52px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    left: -52px;
    top: 0;
    border-radius: 3px 0 0 3px;
    /* transition: left .3s ease-in-out .1s, width .3s ease-in-out .1s; */
    white-space: nowrap;
    /* display: none; */
}
.right-sidebar .menu .qrcode {
    width: 158px;
    height: 158px;
    left: -160px !important;
    top: -61px;
    background: #fff !important;
    padding: 4px;
    border: 1px solid;
    box-sizing: border-box;
}
.right-sidebar .menu .qrcode img {
    width: 150px;
    height: 150px;    border-style: none;
    max-width: 100%;
    vertical-align: middle;
}
.login-head .exit{font-size: 14px;cursor: pointer;color: #888;}
.exit:hover{color: #00eef3;transition: 0.5s;}
.login-head{font-size: 14px;}
.login-head a:nth-child(1){color: #00eef3;margin-right: 5px;}
#login{display: block;}
.box .imgbox img{left: 1701px;}
.box .imgbox img:first-child{left: 0;}


.floor-recommend-list{flex-direction: column;    width: 100%;
    height: 100%;
    z-index: 1;display: flex;box-sizing: border-box;}
.floor-recommend-list .floor-recommend-item {
    display: block;
    width: 195px !important;
    height: 67px !important;
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;
}
.floor-recommend-list .floor-recommend-pic {
    float: left;
    width: 67px;
    height: 67px;
    margin-right: 10px;
    overflow: hidden;
}
.floor-recommend-list .floor-recommend-pic > img {
    width: 100%;
}
.floor-recommend-list .recommend-goods-name {
    width: 118px;
    height: 14px;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 7px;
}
.floor-recommend-list .ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.floor-recommend-list .recommend-goods-des {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}
.floor-recommend-list .recommend-goods-price {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}





/* 楼层 */
.left-nav {
    width: 36px;
    display: none;
    flex-direction: column;
    position: fixed;
    left: 5%;
    top: 30%;
    z-index: 20;
}


.nav-item {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, .6);
    margin-bottom: 1px;
}

.nav-item {
    width: 36px;
    height: 36px;
    display: block;
    box-sizing: border-box;
    padding: 4px 6px 6px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
}

.nav-maodian-item {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, .6);
    margin-bottom: 1px;
    line-height: 1.2;
}

.nav-maodian-item {
    width: 36px;
    height: 36px;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    padding: 4px 6px 6px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}